<!DOCTYPE html> 
<html> 
<head> 
	<title>Check N' Go - Categor&iacute;as</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
	<link rel="stylesheet" href="css/main.css" />
	<link rel="stylesheet" href="css/categorias.css" />
	<script type="text/javascript" src="javascript/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="javascript/jquery.mobile-1.2.0.min.js"></script>
	<script type="text/javascript" src="javascript/jquery.ui.map.full.min.js"></script>
	<script type="text/javascript" src="javascript/facebook.js"></script>	
	<script type="text/javascript" type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="javascript/main.js"></script>
	<script type="text/javascript" src="javascript/dialogs.js"></script>
	<script type="text/javascript" src="javascript/categorias.js"></script>
	<script type="text/javascript" src="javascript/perfil.js"></script>
	<script type="text/javascript" src="javascript/checkIn.js"></script>
	<script type="text/javascript" src="javascript/eventosYPromocionesHoy.js"></script>
	<script type="text/javascript" src="javascript/favoritos.js"></script>	
	
</head> 
<body> 

<div data-role="page" id="categorias">	
	<div data-role="header">
		<img src="images/title.png" alt="Image Title" class="titleImage"/>
	</div><!-- /header -->		
	<div data-role="content" style="width:80%; margin-left:auto; margin-right:auto;">		
				
		<div class="ui-grid-b">
			<div class="ui-block-a">
				<a href="#popupMenu" id="btnTeatros" class="botonCategoria" data-role="button" data-mini="true" data-rel="popup" data-position-to="#teatroDiv" onclick="seleccionarCategoria(3)">
					<img src="images/boton1.png" class="imgCategorias" alt="Teatros" />
				</a>
				<div id="teatroDiv"> </div>
			</div>
			<div class="ui-block-b">
				<a href="#popupMenu" id="btnBarRest" class="botonCategoria" data-role="button" data-mini="true" data-rel="popup" data-position-to="#barRestDiv" onclick="seleccionarCategoria(1)">
					<img src="images/boton2.png" class="imgCategorias" alt="Bar/Rest" />
				</a>
				<div id="barRestDiv"> </div>
			</div>
			<div class="ui-block-c">
				<a href="#popupMenu" id="btnHoteles" class="botonCategoria" data-role="button" data-mini="true" data-rel="popup" data-position-to="#hotelesDiv" onclick="seleccionarCategoria(4)">				
					<img src="images/boton3.png" class="imgCategorias" alt="Hoteles" />
				</a>
				<div id="hotelesDiv"> </div>
			</div>	   			
		</div>
		<div class="ui-grid-b">
			<div class="ui-block-a">
				<a href="#popupMenu" id="btnEcoturismo" class="botonCategoria" data-role="button" data-mini="true" data-rel="popup" data-position-to="#ecoturismoDiv" onclick="seleccionarCategoria(5)">				
					<img src="images/boton4.png" class="imgCategorias" alt="Ecoturismo" />
				</a>
				<div id="ecoturismoDiv"> </div>
			</div>
			<div class="ui-block-b">
				<a href="#popupMenu" id="btnDiscotecas" class="botonCategoria" data-role="button" data-mini="true" data-rel="popup" data-position-to="#discotecasDiv" onclick="seleccionarCategoria(2)">				
					<img src="images/boton5.png" class="imgCategorias" alt="Discotecas" />
				</a>
				<div id="discotecasDiv"> </div>
			</div>
			<div class="ui-block-c">
				<a href="#popupMenu" id="btnTransporte" class="botonCategoria" data-role="button" data-mini="true" data-rel="popup" data-position-to="#transporteDiv" onclick="seleccionarCategoria(8)">				
					<img src="images/boton6.png" class="imgCategorias" alt="Transporte" />
				</a>
				<div id="transporteDiv"> </div>
			</div>	   			
		</div>
		<div class="ui-grid-b">
			<div class="ui-block-a">
				<a href="#popupMenu" id="btnSalud" class="botonCategoria" data-role="button" data-mini="true" data-rel="popup" data-position-to="#saludDiv" onclick="seleccionarCategoria(6)">				
					<img src="images/boton7.png" class="imgCategorias" alt="Salud" />
				</a>
				<div id="saludDiv"> </div>
			</div>
			<div class="ui-block-b">
				<a href="#popupMenu" id="btnTiendas" class="botonCategoria" data-role="button" data-mini="true" data-rel="popup" data-position-to="#tiendasDiv" onclick="seleccionarCategoria(7)">
					<img src="images/boton8.png" class="imgCategorias" alt="Tiendas" />
				</a>
				<div id="tiendasDiv"> </div>
			</div>
			<div class="ui-block-c">
				<a href="#popupMenu" id="btnOtros" class="botonCategoria" data-role="button" data-mini="true" data-rel="popup" data-position-to="#otrosDiv" onclick="seleccionarCategoria(9)">				
					<img src="images/boton9.png" class="imgCategorias" alt="Otros" />
				</a>
				<div id="otrosDiv"> </div>
			</div>
		</div>
		<div data-role="popup" id="popupMenu" data-theme="a">
				<ul data-role="listview" data-inset="true" style="min-width:210px;" data-theme="a">					
					<li><a href="eventosPromociones.html" onclick="seleccionarTipoCategoria(1);">Eventos</a></li>
					<li><a href="eventosPromociones.html" onclick="seleccionarTipoCategoria(2);">Promociones</a></li>					
				</ul>
		</div>
	</div><!-- /content -->
	
	<div data-role="footer" class="nav-glyphish-example">
		<div data-role="navbar" class="nav-glyphish-example" data-grid="d">
		<ul>
			<li><a href="" id="btnPrueba" data-icon="custom" onclick="prueba()" class="ui-btn-active">Categor&iacute;as</a></li>
			<li><a href="categorias.html" id="btnCategorias" data-icon="custom" class="ui-btn-active">Categor&iacute;as</a></li>
			<li><a href="checkIn.html" id="btnCheckin" data-icon="custom">Check-in</a></li>
			<li><a href="eventosYPromocionesHoy.html" id="btnHoy" data-icon="custom">Hoy</a></li>
			<li><a href="favoritos.html" id="btnFavoritos" data-icon="custom">Favoritos</a></li>
			<li><a href="perfil.html" id="btnPerfil" data-icon="custom">Perfil</a></li>
		</ul>
		</div>
	</div>	
	
</div><!-- /page -->

</body>
</html>